<template>
  <footer >
    <div class="w clearfix">
      <p class="title"> 平台优势</p>
      <div class="clearfix con">
        <div class="logo clearfix" >
          <div class="left imgBoxs">
            <img src="../../../static/img/icon/foter01.png" />
          </div>
          <div class="left text">
            <p class="textTitle">安全有保障</p>
            <p>蓝湾询价平台依托强大物流平台，安全可靠</p>
          </div>
        </div>
        <div class="nave clearfix" >
          <div class="left imgBoxs">
            <img src="../../../static/img/icon/footer02.png" />
          </div>
          <div class="left text">
            <p class="textTitle">覆盖范围广</p>
            <p>覆盖全区200多个国家与地区</p>
          </div>
        </div>
        <div class="us clearfix">
          <div class="left imgBoxs">
            <img src="../../../static/img/icon/footer03.png" />
          </div>
          <div class="left text">
            <p class="textTitle">服务专业，技术过硬</p>
            <p> 十年技术沉淀，专业服务每一位客户</p>
          </div>
        </div>
        <div class="cleae">

        </div>
      </div>
    </div>
  </footer>
</template>
<style scoped>
  /*基础 中文样式*/
  .imgBoxs{width:55px;height: 55px;margin-right: 20px }
  .imgBoxs img{width:60px;height: 60px }
  .textTitle{font-size: 16px;font-weight: bold;color: #fff;line-height: 35px}
  .title{margin-bottom:40px;font-weight: bold;font-size: 20px}
  .con{padding: 10px 0px 50px 0px;width: 100%;min-width: 1100px}
  p{font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;color: #8c8c8c}
  .logo{float: left;width:37%;cursor: pointer;}
  .nave{float: left;width:30%;}
  .us{float: right;width:33%;}
   footer{;height: auto;width:100%; padding: 40px 0px 10px 0px;background: url("../../../static/img/backFooter.png") no-repeat center;background-size: 1920px;}
   footer .w .title{ font-size: 20px;font-weight: bold;color: #fff}
   .w{margin: auto;text-align: left}
  .imgBoxs img{max-width: 100%; }
 i{ color: #333;padding: 0px .09rem;font-size: .26rem;font-weight: bold;font-style:normal}
  /**英文样式覆盖**/

  .code img {max-width:100%}

  @media only screen and (min-width: 1200px){

  }
  @media only screen and (min-width: 1400px){

  }
  @media only screen and (min-width: 1600px){

  }
  @media only screen and (min-width: 1920px){

  }

  </style>
<script>
  import { mapState, mapActions } from 'vuex'
  import Public from '../../vuex/public.js'

  import ios from '../../../static/img/wx.jpg'
  export default {
    name: 'my-header',
    created () {
     // 查看本页面路由 绑定对应页面class
      this.check = this.$route.name;

    },
    data () {
      return {
        activeIndex: '1',
        activeIndex2: '1',
        ios:ios,
      }
    },
    methods: {
      ...mapActions({
        lognOutPost: 'loginOutFn'
      }),
      handleSelect(key, keyPath) {
      },

      goPage (name) {
          this.$router.push({name: name})

      },
      //  语言切换
      languageCheng (parm) {
        this.show = !this.show
        if (parm) {
          Public.publicLo.sessionStorageSav('Language',parm)
          this.$store.commit('updateLanguage', parm)
        }
      },
      //
      goAdmin(){
          var test = window.location.href
          this.$router.push({ name: 'adminDavise' })
          //window.open('/adminDavise','_self')
      },
      // 退出
      loginOut (id) {
        var parm = ''
        this.lognOutPost(parm)
      },
      openSuccess (text) {
        this.$message({
          message: text,
          type: 'success'
        })
      },
      openError (text) {
        this.$message.error(text)
      }
    },
    computed: {
      languageData: function () {
        var parm = this.language;
        if (parm) {
            if (parm.check == 'Chinese') {
              parm = parm.Chinese;
            }
            if(parm.check == 'English') {
              parm = parm.English;
            }
        }
        return parm
      },
     updateStatusData: function () {
       var parm = this.updateStatus;
       if (parm == 'out') {
         // 没记住密码保存空 localStorage
         Public.publicLo.sessionStorageSav('token', '');
         Public.publicLo.sessionStorageSav('user', '');
         // 清空所有数据
         this.$store.commit('loginOut', null);
         this.$router.push({ name: 'login' });
         // this.lognOutPost(this.user)
       }
       if (parm == 'outErorr') {
         Public.publicLo.sessionStorageSav('token', '');
         Public.publicLo.sessionStorageSav('user', '');
         // 清空所有数据
         this.$store.commit('loginOut', null);
         this.$router.push({ name: 'login' })
       }
       return 1
     },
      ...mapState([
        'nav',
        'language',
        'updateStatus'
      ])
    },
    mounted () {

    }
  }
</script>

